<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>
        #{adminVihicleBean.start}
        <ui:composition template="./AdminTemplate.xhtml">
            <ui:define name="content">
                <div class="grid_4">
                    <div class="da-panel collapsible">
                        <div class="da-panel-header">
                            <span class="da-panel-title">
                                <img alt="" src="images/icons/black/16/list.png"/>
                                Vihicle Manager
                            </span>

                            <span class="da-panel-toggler"></span></div>
                        <div class="da-panel-content">
                            <table class="da-table">
                                <thead>
                                    <tr>
                                        <th>Vihicle Name</th>
                                        <th>Model Number</th>
                                        <th>Price</th>
                                        <th>Color</th>
                                        <th>Series</th>
                                        <th>Seat</th>
                                        <th>Cylinder</th>
                                        <th>GearBox</th>
                                        <th style="text-align: center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <ui:repeat value="#{carBean.listvehicle}" var="vh">
                                        <tr class="odd">
                                            <td>#{vh.vehilceName}</td>
                                            <td>#{vh.modulNumber}</td>
                                            <td>#{vh.price}</td>
                                            <td>#{vh.color}</td>
                                            <td>#{vh.series}</td>
                                            <td>#{vh.seat}</td>
                                            <td>#{vh.cylinder}</td>
                                            <td>#{vh.gearBox}</td>
                                            <td class="da-icon-column">
                                                <a href="#"><img src="images/icons/color/magnifier.png"/></a>
                                                <a href="#"><img src="images/icons/color/pencil.png"/></a>
                                                <a href="#"><img src="images/icons/color/cross.png"/></a>
                                            </td>
                                        </tr>
                                    </ui:repeat>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </ui:define>

        </ui:composition>

    </body>
</html>
